@charset "utf-8";
@import "reset";
@import "base";
@import "common";


header{
    padding: 0 vw(23);    
    height: vw(57);
    display: flex;
    justify-content: space-between;
    margin-top: vw(48);

    .logo{
        width: vw(123);
        height: vw(57);
        border: 1px solid $color;
        border-radius: vw(20);
        text-align: center;
        line-height: vw(57);

        span{
            font-size: vw(26);
            font-weight: bold;
        }
    }

    p{
        font-size: vw(26);
        line-height: vw(57);
    }

    .select{
        width: vw(160);
        height: vw(55);
        position: relative;
        
        select{
            width: 100%;
            height: 100%;
            border-color: $color;
            appearance: none;
            padding: 0 vw(14);
            font-size: vw(26);
        }

        &::after{
            content: "";
            display: block;
            border: 8px solid $color;
            border-color: #ff9344 transparent transparent transparent;
            width: 0;
            height: 0;
            position: absolute;
            right: vw(11);
            top: vw(20);
            pointer-events: none;
        }
    }
}

.banner{
    margin-top: vw(18);
    padding: 0 vw(27);
}

main{
    margin-top: vw(20);
    padding: 0 vw(24);

    .box{
        .box-top{
            padding-left: vw(9);
            display: flex;
            justify-content: space-between;
            align-items: center;
            .left{
                display: flex;
                align-items: center;
                .iconfont{
                    font-size: vw(50);
                    margin-right: vw(8);
                }

                span{
                    display: inline-block;
                    font-size: vw(30);
                    // font-weight: bold;
                }

            }

            .right{
                display: flex;
                align-items: center;
                font-size: vw(24);

                a{
                    color: #000;
                }

                .iconfont{
                    font-size: vw(25);
                    color: $color;
                    margin-left: vw(8);
                }
            }
        }

        .box-list{
            margin-top: vw(38);
            ul {
                display: flex;
                justify-content: space-between;
                li {
                    width: vw(133);
                    height: vw(133);
                }
            }
        }

        &:nth-child(2){
            margin-top: vw(52);
        }
        &:nth-child(3){
            margin-top: vw(52);
        }
    }
}